@import "elements.less";

@base_border: solid 2px darkgreen;
@base_width: 768px;
@base_height: 1024px;
@indent: 10px;
@menu_height: 384px;

@adj_wid: 768px-128px;
@menu_x: 768px-72px;

@round_px: 15px;


a:link {text-decoration:none; color:#006400;}
a:visited {text-decoration:none; color:#006400;}
a:hover {text-decoration:none; color:#006400;}
a:active {text-decoration:none; color:#006400;}

.pad( @pad_size : 10px ) {
  padding: @pad_size;
}

.dim( @width: @base_width, @height: @base_height ) {
  height: @height;
  width: @width;
}

.dimX( @width: @base_width) {
  width: @width;
}

.dimY( @height: @base_height ) {
  width: @width;
}

body {
  font-family: 'Lekton', sans-serif;
}



#msg_whole {
  width:75%;
  .bordered(darkgreen, darkgreen, darkgreen, darkgreen);

  .pad();
  .dimX(@adj_wid);
}

#msg_whole:hover {
  .rounded(@round_px);

}

#msg_body {
  .columns();
}


#menu {
  position: absolute;
  left: @menu_x;
  .dim(128px, @menu_height);
  .bordered(darkgreen, darkgreen, darkgreen, darkgreen);
  .pad();

}

#menu:hover{

  .rounded(@round_px);
}

#menu_div {
  color: darkgreen;
  width: 60%;
  size: 1;

}

#update {
  width:70%;
  margin: 0 auto;
  color:#000000;
  text-align:center;
  .bw-gradient(#EEE, 180, 200);
  .drop-shadow();
  .scale(1.40)

}

#update:hover {
  .rounded(@round_px);

}

#start {
  #update
}

#start:hover{
  .rounded(@round_px);
}

